 body {
      font-family: sans-serif;
     background-color: #E5F3E7;
    }
	#aaa{
		width: 1000px;
		height: 100px;
	}
	ul{
		list-style: none;
	}
    .container {
        margin: 0 auto;
        width: 1400px;
      display: flex;
      gap: 20px;
        padding-top: 100px;
    }

    .cart-left {
      width: 900px;
        background-color: #fff;
        padding: 10px;
    }

    .cart-right {
      width: 500px;
    }

    .cart-header {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 0;
      border-bottom: 1px solid #ccc;
    }

    .cart-header h2 {
      margin: 0;
    }

    .cart-header .search-box {
      display: flex;
      align-items: center;
    }

    .cart-header .search-box input {
		
      padding: 5px;
      border: 1px solid #ccc;
      border-radius: 4px;
    }

    .cart-header .search-box button {
      padding: 5px 10px;
      background-color: #ff5722;
      color: #fff;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }

    .cart-items {
      padding: 10px 0;
    }

    .cart-item {
      display: flex;
      align-items: center;
      padding: 10px 0;
      border-bottom: 1px solid #ccc;
    }

    .cart-item input {
      margin-right: 10px;
    }

    .cart-item .item-info {
      display: flex;
      align-items: center;
      gap: 10px;
    }

    .cart-item .item-image {
      width: 100px;
      height: 100px;
      object-fit: cover;
    }

    .cart-item .item-details {
      display: flex;
      flex-direction: column;
    }

    .cart-item .item-details h3 {
      margin: 0;
    }

    .cart-item .item-details .item-price {
      font-weight: bold;
    }

    .cart-item .item-quantity {
      display: flex;
      align-items: center;
      gap: 5px;
	  margin-left: -12px;
    }
	.cart-item .item-quantity1 {
	  display: flex;
	  align-items: center;
	  gap: 5px;
	}

    .cart-item .item-quantity button {
      padding: 5px 10px;
      border: 1px solid #ccc;
      border-radius: 4px;
      cursor: pointer;
    }
	.cart-item .item-quantity1 button {
	  padding: 5px 10px;
	  border: 1px solid #ccc;
	  border-radius: 4px;
	  cursor: pointer;
	}

    .cart-item .item-quantity button:disabled {
      opacity: 0.5;
      cursor: default;
    }
	.cart-item .item-quantity1 button:disabled {
	  opacity: 0.5;
	  cursor: default;
	}
    .cart-item .item-actions {
      display: flex;
      align-items: center;
	  margin-left: 250px;
      gap: 10px;
    }
	.cart-item .item-actions1 {
	  display: flex;
	  align-items: center;
	  margin-left: 248px;
	  gap: 10px;
	}
    .cart-item .item-actions button {
      padding: 5px 10px;
      background-color: #ff5722;
      color: #fff;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }
	.cart-item .item-actions1 button {
	  padding: 5px 10px;
	  background-color: #ff5722;
	  color: #fff;
	  border: none;
	  border-radius: 4px;
	  cursor: pointer;
	}
	.cart-right{
		width: 500px;
		height: 300px;
		top: 100px;
	}
    .cart-summary {
      padding: 20px;
      border: 1px solid #ccc;
      border-radius: 4px;
        margin-left: 50px;
        background-color: #fff;
    }

    .cart-summary .summary-header {
		
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 0;
      border-bottom: 1px solid #ccc;
    }

    .cart-summary .summary-header h3 {
      margin: 0;
    }

    .cart-summary .summary-items {
      display: flex;
      flex-direction: column;
      gap: 10px;
      padding: 10px 0;
    }

    .cart-summary .summary-item {
		width: 200px;
		height: 200px;
      display: flex;
      justify-content: space-between;
      align-items: center;
    }

    .cart-summary .summary-item .item-name {
      font-weight: bold;
    }

    .cart-summary .summary-total {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 10px 0;
    }

    .cart-summary .summary-total .total-amount {
      font-size: 1.2rem;
      font-weight: bold;
    }

    .cart-summary .summary-button {
      padding: 10px 20px;
      background-color: #ff5722;
      color: #fff;
      border: none;
      border-radius: 4px;
      cursor: pointer;
    }
 #goodImages li{
     display: inline-block;
     list-style-type: none;
     margin-left: 10px;
     position: relative;
 }
 #goodImages li img{
     display: inline-block;
     border-radius: 10px;
     width: 80px;
     height: 80px;
 }
 .remove{
     background-color: #333;
     color: #F8F9FB;
     position: absolute;
     right: 0;
     top: 0;
     font-size: small;
     display: none;
 }

 .site-nav{
     width:100%;
     background:aliceblue ;
     height: 30px;
     line-height: 35px;
     border-bottom: 1px solid #eee;
 }
 .site-nav-bd{
     width:1190px;
     margin:0 auto ;
 }

 .site-nav-bd a{
     text-decoration: none;
 }

 .site-nav-bd ul{
     float:right;
     list-style: none;
 }
 .site-nav-bd ul li{
     color: #6c6c6c;
     font-size: 12px;
     float: left;
     cursor: pointer;
     display: flex;
     align-items:center;
     margin-left: 20px;
 }
 .site-nav-bd ul li img{
     width: 12px;
     margin-right: 5px;
 }
 .site-nav-bd ul li:hover {
     color: #f40;
 }
 #myDiv {
     position: fixed;
     top: 0;
     left: 0;
     z-index: 1000; /* 确保Div位于其他内容之上 */
 }